import { Component, Vue, Provide } from "vue-property-decorator"
import { IndexData } from '@/types/views/index.interface'
// import {  } from "@/components" // 组件
import { } from '@/api/index'
@Component({})
export default class About extends Vue {
  // data
  data: IndexData = {
    pageName: 'index',
    itemName: 'about',
    ready: false
  }

  created() {
    //
  }
    
  activated() {
    //
  }

  mounted() {
    // 启动动画
    this.data.ready = true
  }

  // 初始化函数
  init() {
    //
  }
  // 添加类名
  addClass(name: string) {
    this.data.itemName = name
  }

  // 跳转关于
  goAbout() {
    this.$router.push({
      path: '/about'
    })
  }

  // 跳转登录
  goLogin() {
    this.$router.push({
      path: '/login'
    })
  }

  // 跳转博客列表
  goBlogList() {
    this.$router.push({
      path: '/blog'
    })
  }

  // 跳转项目列表
  goItems() {
    this.$router.push({
      path: '/items'
    })
  }

  // 详情跳转
  goNext() {
    this.$router.push({
      path: '/' + this.data.itemName
    })
  }

  dataInit() {
    console.log('数据初始化。')
  }
}
